import React, { Component } from 'react'

import { Link } from "react-router-dom"

import { Menu, Icon } from 'antd';
import "./left-nav.less";
const { SubMenu } = Menu;

export default class LeftNav extends Component {
    render() {
        return (
            <div className="left-nav-container">
                <Link to="/admin">
                    <div className="left-nav-header">
                        vvmily系统
                    </div>
                </Link>
                <Menu
                    mode="inline"
                    theme="dark"
                >
                    <Menu.Item key="1">
                        <Icon type="pie-chart" />
                        <span>首页</span>
                    </Menu.Item>

                    <SubMenu
                        key="sub1"
                        title={
                            <span>
                                <Icon type="mail" />
                                <span>商品管理</span>
                            </span>
                        }
                    >
                        <Menu.Item key="5">商品类型</Menu.Item>
                        <Menu.Item key="6">商品订单</Menu.Item>
                    </SubMenu>

                </Menu>
            </div>
        )
    }
}


